Welcome to Octi`s Ancient Aracane Knowledge

HTML

Table Tags

Tag Name Description
<table> Table The wrapper element for all HTML tables.
<thead> Table Head The set of rows defining the column headers in a table.
<tboddy> Table Body The set of rows containing actual table data.
<tr> Table Row The table row container.
<td> Table Data The table row container.
<tfoot> Table Foot The set of rows defining the footer in a table.

How to show HTML snipets

* Replace the & character with & amp; Replace the < character with & lt; Replace the > character with & gt;

* & amp; is meant to have no space but I have no idea how to show this in HTML.

Differeance betwen href and src.

href means Hypertext Referance and relates to the location of a source (code). Like a style sheet or JavaScript or another webpage.
NO screab space is aloted from this tag.

src is short for Source and is enbeded in the page eg. an image a video.
IS aloted screan sapce.

CSS

How to center text in CSS

Text-Align Used to justify text left, center, right, and justify. H1 { text-align: center; } P.newspaper { text-align: justify; }

EM and REM

EM is a relative unit of mersurmetn. Meaning that 1 em is equal to the font size of the parent element.

if parent element is 40px then

1 em = 40px

2 em = 80px ... and so on

If no size specified to parent element then the browser size is taken.

REM stantds for Root em, wich just means that it will take the size of the root element wich is generaly the HTML element.

Specificity

Specificity is the algorithm used by browsers to determine the CSS declaration that is the most relevant to an element, which in turn, determines the property value to apply to the element. The specificity algorithm calculates the weight of a CSS selector to determine which rule from competing CSS declarations gets applied to an element.

Adjacent sibling combinator

.breadcrumb li+li::before { content: "/"; }


The + is called the adjacent sibling combinator; it will only select two li‘s when they are immediately next to each other, with the same parent. The element that actually gets selected is the second element of this sibling pair. The ::before part of this selector creates a pseudo-element. The ::before pseudo-element is often used with the content property, to add content that will be displayed just before the selected element.